<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>



        // const cookies = document.cookie;
        // console.log(cookies);

        // let arr = cookies.split('; ');
        // console.log(arr);

        // arr = arr.map(item => item.split('='))

        // console.log(arr);


        // [
        //     ['username', 'cc'],
        //     ['pwd', '123'],
        //     ['phone', '18888888']
        // ]


        // [
        //     {
        //         username: cc
        //     }
        // {
        //         pwd: 123
        //     }
        // {
        //         phone: 18888
        //     }
        // ]


        // [
        //     {
        //         name: 'username',
        //         content: 'cc'
        //     },
        //     {
        //         name: 'pwd',
        //         content: '123'
        //     },
        //     {
        //         name: 'phone',
        //         content: '18888'
        //     }
        // ]



        const cookies = document.cookie;
        let arr = cookies.split('; ');
        arr = arr.map(item => {
            // const arr2 = item.split('=');
            // const obj = {};
            // obj.name = arr2[0];
            // obj.content = arr2[1];
            return {
                name: item.split('=')[0],
                content: item.split('=')[1]
            }
        })

        console.log(arr);


        const res = arr.filter(item => item.name === 'pwd');
        console.log(res);   // 数组


        const res2 = arr.find(item => item.name === 'pwd');
        console.log(res2);   // 第一个值




        console.log(res2.content);







    </script>

</body>

</html>